body { font-size: 13px; padding: 0px; margin: 0px; font-family: "微软雅黑", "Microsoft Yahei", "STXihei", arial, sans-serif;}
textarea,input,button { font-family: "微软雅黑", "Microsoft Yahei", "STXihei", arial, sans-serif;}
.frame_fullscreen { position: fixed; z-index: 999499; left: 0; top: 0;}
.font-icon { text-shadow: 0 0 1px;}
::-webkit-scrollbar-track-piece { background-color: #f5f5f5; border-left: 1px solid #d2d2d2;}
::-webkit-scrollbar { width: 12px; height: 10px;}
::-webkit-scrollbar-thumb { background-color: #c2c2c2; background-clip: padding-box; border: 1px solid #979797; min-height: 28px;}
::-webkit-scrollbar-thumb:hover { border: 1px solid #636363; background-color: #929292;}
body { font-size: 13px; padding: 0px; margin: 0px; font-family: "微软雅黑"; -khtml-user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}
.navbar { width: 100%; height: 40px; color: #ddd; z-index: 100; height: 40px !important; background: #5579BA; position: fixed; box-shadow: 0 -20px 50px #000;}
.navbar .content { padding: 0px; line-height: 40px;}
.navbar .content i { display: inline-block; padding-right: 10px; text-shadow: 0 0 1px; font-size: 1.1em;}
.navbar .content a { display: block; text-decoration: none; color: #fff; border: 1px solid #6787c1; margin-left: -1px; border-top: none; border-bottom: none; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; padding: 0px 1.5em;}
.navbar .content ul.dropmenu { list-style: none; padding: 0; margin: 0; padding: 5px 0 10px; height: auto; position: absolute; top: 38px; right: 10px; z-index: 9999; background: #fff; color: #666; display: none; border: 1px solid #ddd; box-shadow: 0 2px 5px #ccc; border-top: none;}
.navbar .content ul.dropmenu li { height: 30px; margin: 0; padding: 0; line-height: 30px;}
.navbar .content ul.dropmenu li a { margin: 0; padding-left: 30px; width: 100px; border: none; color: #666;}
.navbar .content ul.dropmenu li a:hover { background: #ddd; color: #000;}
.navbar .content .top_left a { float: left;}
.navbar .content .top_left a:hover,.navbar .content .top_left a.this { background: #75A1F0;}
.navbar .content .top_left a.title { font-size: 18px; font-weight: 800; width: 151px; padding-left: 49px; padding-right: 0;}
.navbar .content .top_left a.title:hover { background: none;}
.navbar .content .top_right { float: right; margin-right: 10px;}
.navbar .content .top_right a { border: none;}
.navbar .content .top_right .topbar_user { margin-top: 5px; line-height: 32px; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none;}
.navbar .content .top_right.this .topbar_user { color: #555; background: #fff; border: 1px solid #ddd; margin-top: 5px;}
.messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #4488F6; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 80px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 80px rgba(0,0,0,0.6); box-shadow: 0 10px 80px rgba(0,0,0,0.6); display: none;}
.messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
.aui_outer { text-align: left;}
.aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
.aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url(../../../images/dialog_loading.gif) no-repeat center center;}
table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
.aui_nw,.aui_n,.aui_ne,.aui_w,.aui_c,.aui_e,.aui_sw,.aui_s,.aui_se,.aui_header,.aui_tdIcon,.aui_main,.aui_footer { padding: 0;}
.aui_header,.aui_buttons button { font: 12px/1.11;}
.aui_title { overflow: hidden; text-overflow: ellipsis;}
.aui_state_noTitle .aui_title { display: none;}
.aui_main { text-align: center; min-width: 9em; min-width: 0 \9; visibility: auto;}
.aui_content { text-align: left; font-size: 14px; color: #666; border: none 0; width: 100%; height: 100%;}
.aui_content.aui_state_full { display: block; width: 100%; margin: 0; padding: 0 !important; height: 100%;}
.aui_icon { vertical-align: middle;}
.aui_icon div { width: 48px; height: 48px; margin: 10px 0 10px 10px; background-position: center center; background-repeat: no-repeat;}
.aui_buttons { padding: 8px; text-align: right; white-space: nowrap; background-color: #F6F6F6; border-top: solid 1px #DADEE5;}
.aui_buttons button { margin-left: 15px; padding: 5px 20px; cursor: pointer; display: inline-block; text-align: center; line-height: 1; height: 2em; letter-spacing: 2px; width: auto; overflow: visible; color: #000000; border: none; background: #aaa; color: #fff;}
.aui_buttons button:focus { outline: none 0;}
.aui_buttons button:hover { background: #c4c4c4;}
.aui_buttons button:active { background: #777777;}
.aui_buttons button[disabled] { cursor: default; color: #919191; background: #aaa; opacity: .5;}
.aui_buttons button::-moz-focus-inner { border: 0; padding: 0; margin: 0;}
.aui_buttons button.aui_state_highlight { color: #FFF; background: #4488F6;}
.aui_buttons button.aui_state_highlight:hover { color: #FFF; background: #75a7f8;}
.aui_buttons button.aui_state_highlight:active { background: #0a53ca;}
.aui_outer { border: 0px solid #4488F6; border-width: 3px \9; -webkit-box-shadow: 0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000;}
.aui_inner { background: #FFF;}
.aui_state_lock .aui_nw,.aui_state_lock .aui_n,.aui_state_lock .aui_ne,.aui_state_lock .aui_w,.aui_state_lock .aui_e,.aui_state_lock .aui_sw,.aui_state_lock .aui_s,.aui_state_lock .aui_se { background: rgba(0,0,0,0.5); background: #000 \9 !important; filter: alpha(opacity=50);}
.aui_titleBar { position: relative; height: 100%;}
.aui_title { height: 31px; line-height: 30px; padding: 0 28px 0 15px; color: #fff; font-size: 14px; letter-spacing: 1px; background-color: #4488F6; border-bottom: 1px solid #1369f4;}
.aui_state_focus .aui_mask { display: none;}
.aui_state_focus .aui_outer { -webkit-box-shadow: 5px 5px 80px #000; -moz-box-shadow: 5px 5px 80px #000; box-shadow: 5px 5px 80px #000;}
.aui_min,.aui_max,.aui_close { display: block; position: absolute; text-decoration: none; outline: none; cursor: pointer; background: #6ba1f8; color: #fff; border-top: none; top: 0px; height: 22px; width: 35px; font-size: 20px; line-height: 22px; text-align: center; font-family: Arial, sans-serif;}
.aui_min:hover,.aui_max:hover,.aui_close:hover { text-decoration: none; color: #fff; background: #cc0000;}
.aui_min:active,.aui_max:active,.aui_close:active { color: fff; background: #f00;}
.aui_min { right: 77px; line-height: 18px;}
.aui_max { right: 41px; line-height: 18px;}
.aui_max,.aui_min { display: none; font-size: 16px;}
.aui_close { right: 5px;}
.aui_state_noTitle .aui_nw,.aui_state_noTitle .aui_ne,.aui_state_noTitle .aui_sw,.aui_state_noTitle .aui_se { width: 5px; height: 5px;}
.aui_state_noTitle .aui_titleBar { bottom: 0; _bottom: 0; _margin-top: 0;}
.aui_state_noTitle .aui_outer { box-shadow: none; border: none;}
.aui_state_noTitle .aui_inner { border: 1px solid #aaa;}
.aui_state_noTitle .tips { font-size: 14px; padding: 15px; padding-left: 10px;}
.aui_state_noTitle .aui_nw,.aui_state_noTitle .aui_n,.aui_state_noTitle .aui_ne,.aui_state_noTitle .aui_w,.aui_state_noTitle .aui_e,.aui_state_noTitle .aui_sw,.aui_state_noTitle .aui_s,.aui_state_noTitle .aui_se { background: rgba(0,0,0,0.1); background: #000 \9 !important; filter: alpha(opacity=10)!important;}
.aui_state_noTitle .aui_close,.aui_state_noTitle .aui_max,.aui_state_noTitle .aui_min { display: none; font-size: 13px;}
.dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
.dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
.dialogMax .aui_outer { border: none;}
.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;}
.dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
.dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
.dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}
.dialog-can-resize .resize-left { z-index: 0; cursor: w-resize; left: -3px; top: 0px; width: 7px; height: 100%;}
.dialog-can-resize .resize-bottom-right { cursor: se-resize; width: 18px; height: 18px; right: -7px; bottom: -7px; background: url('./images/resize_corner.png') no-repeat;}
.dialog-can-resize .resize-bottom-left { cursor: sw-resize; width: 15px; height: 15px; left: -7px; bottom: -7px;}
.dialog-can-resize .resize-top-left { cursor: nw-resize; width: 15px; height: 15px; left: -7px; top: -7px;}
.dialog-can-resize .resize-top-right { cursor: ne-resize; width: 15px; height: 15px; right: -5px; top: -7px;}
.dialog-can-resize .aui_min,.dialog-can-resize .aui_max { display: block;}
.pathinfo { font-size: 13px; width: 330px; height: 300px; padding: 15px 0 15px 0; color: #446;}
.pathinfo .line { width: 95%; margin: 8px auto 8px auto; height: 0px; border-bottom: 1px solid #ccc;}
.pathinfo .p { margin-left: 6px; margin-bottom: 5px;}
.pathinfo .p .icon { width: 40px; height: 40px; float: left; border: 1px solid #f6f6f6; margin-left: 10px;}
.pathinfo .p .file_icon { background: url(./images/file.png) 5px 4px no-repeat;}
.pathinfo .p .folder_icon { background: url(./images/folder.png) 5px 4px no-repeat;}
.pathinfo .p input { padding: 2px; padding-left: 10px; border: 1px solid #ccc; height: 25px; line-height: 25px; width: 210px; float: left; display: block; margin: 10px 0 0 30px;}
.pathinfo .p .title { width: 80px; float: left; color: #333; margin-left: 15px; font-weight: 800; color: #444;}
.pathinfo .p .content { float: left; width: 210px; word-break: break-all; color: #666; -moz-user-select: text; -webkit-user-select: text;}
.zipinfo { width: 250px; height: 150px; overflow: auto; word-break: break-all; overflow-x: hidden; padding-left: 10px;}
.unzipinfo { width: 250px; height: 150px; overflow: auto; word-break: break-all; overflow-x: hidden; padding-left: 10px;}
.unzipinfo li { list-style: none; color: #ff0; font-size: 12px; overflow: hidden;}
.picture img { width: 65px; height: 65px;}
table.aui_border,table.aui_dialog { -webkit-animation-name: fadein; -webkit-animation-duration: 0.2s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: 1;}
@-webkit-keyframes fadein { 0% {  opacity: 0; }
 50% {  opacity: 0.8; }
}
.file_drag_upload .aui_content { overflow-y: scroll;}
.fileuploadinfo,.fileupload { color: #555; font-size: 13px;}
.fileuploadinfo { font-size: 18px; color: #5499D9; margin-bottom: 8px; border-bottom: 1px solid #dde; padding-bottom: 6px;}
.fileuploadinfo em { font-size: 12px;}
.fileupload { padding-left: 25px;}
.fileupload span.status { padding-left: 10px; font-size: 10px; color: #f96;}
.file_list { display: none;}
body { overflow-x: hidden;}
#body { position: absolute; width: 100%; top: 40px;}
#body ul { margin: 0; padding: 0;}
#body li { margin: 0; padding: 0;}
#body .font-icon { padding-right: 0.8em;}
#body .menu_left { position: fixed; z-index: 999; top: 38px; left: 0; height: 100%; width: 20%; background: #2b579a;}
#body .menu_left h1 { color: #fff; font-weight: 400; padding: 15px 20px 20px 40px; font-size: 30px; letter-spacing: 6px; margin: 0;}
#body .menu_left .setting li { line-height: 2.5em; color: #fff; font-size: 15px; box-sizing: border-box; text-indent: 10px; display: block; cursor: pointer; outline: none; -webkit-transition: padding 0.2s; -moz-transition: padding 0.2s; -o-transition: padding 0.2s; -ms-transition: padding 0.2s; transition: padding 0.2s; border-left: 4px solid #2b579a;}
#body .menu_left .setting li.hover { background: #366ec2; border-left: 4px solid #366ec2;}
#body .menu_left .setting li.selected { background: #3469ba; border-left: 4px solid #fff; padding-left: 20px;}
#body .main { position: absolute; left: 20%; width: 75%; margin: 30px 0 0 20px;}
#body .main div.h1 { font-weight: 400; color: #366ec2; padding: 0px 0 10px 10px; font-size: 26px;}
#body .main .section { padding-bottom: 10px; border-top: 1px solid #ddd; padding-top: 10px; color: #666;}
#body .main .section .box .line { margin-top: 15px; margin-bottom: 15px;}
#body .main .section .box .login { border-bottom: 1px dashed #dde;}
#body .main .section .box .login2 { border-bottom: 1px solid #dde;}
#body .main .section .box .upasswordinfo { position: absolute; top: 275px; color: #bbb;}
#body .main .section .box .button { margin-left: 60px; margin-top: 5px; padding-left: 15px; padding-right: 15px;}
#body .main .section .box span { display: block; float: left; width: 60px; line-height: 25px;}
#body .main .section .box input { display: block; width: 250px; border: 1px solid #AAA; padding: 4px; font-weight: 800; color: #446;}
#body .main .section h3 { font-size: 14px; font-weight: bold; width: 140px; float: left;}
#body .main .section label { display: block;}
#body .main .savebox { border-top: 1px solid #ddd; margin-bottom: 10px;}
#body .main .savebox a.save { margin-top: 10px; padding: 5px 20px; letter-spacing: 2px;}
#body .main .list { float: left; width: 120px; background: #fff; margin-right: 10px; height: 92px; border: 1px solid #ddd; margin-bottom: 5px; cursor: pointer;}
#body .main .list .ico { width: 100px; height: 65px; margin: 5px 14px 0 14px;}
#body .main .list .info { text-align: center;}
#body .main .list .ico img { width: 90px; height: 60px;}
#body .main .list.this { background-color: #aac2e7; color: #fff; border-color: #888;}
#body .main .list.listhover { border-color: #888;}
#body .main .content { word-break: break-all; color: #448;}
#body .main .content h2 { padding: 5px 0 5px 20px; margin: 10px 0; font-weight: 400; font-size: 16px; border-left: 5px solid #2b579a;}
#body .main .content p { margin-left: 5px; text-indent: 2em; margin-bottom: 8px; color: #666;}
#body .main .content .box { color: #555; clear: both; color: #666;}
#body .main .content .box .title { color: #444; border-bottom: 1px dashed #ddd; font-size: 21px; margin-bottom: 10px; margin-top: 10px;}
#body .main .content .box .title span { border-bottom: 1px solid #aaa; display: inline-block; margin-bottom: -1px; text-align: center; padding: 5px 10px; float: none; width: auto;}
#body .main .content .box p { line-height: 1.7em; text-indent: 2em; padding: 3px; margin: 0;}
#body .main .content .box p b { padding-right: 8px;}
#body .main .content .box p i { padding-right: 10px;}
#body .main fieldset { margin-top: 10px; border: solid 1px #ddd; padding: 10px; color: #666;}
#body .main fieldset legend { padding: 3px 20px; color: #FFF; background: #214FA3; font-size: 15px;}
#body .main fieldset span { display: block; background: #d2dff2; width: 100px; color: #224; padding: 4px 15px; margin-top: 10px; font-size: 14px; border-left: 5px solid #5a89d1;}
#body .main fieldset .line { margin: 0px; height: 1px; width: 100%; border-bottom: 1px solid #eee; margin-bottom: 10px; margin-top: -1px; _margin-top: -21px;}
#body .main .content li,#body .main fieldset li { line-height: 2em; list-style-type: none; margin-left: 10px; padding-left: 25px; color: #666; word-break: break-all;}
#body .main .content li:before,#body .main fieldset li:before { font-family: FontAwesome; content: "\f006"; padding-right: 10px; text-shadow: 0 0 1px;}
#body table { font-size: 13px; color: #888; width: 100%; margin: 0px; border: 1px solid #ccc;}
#body table tr { border-bottom: 1px solid #ddd;}
#body table tr .title { border-bottom: 1px solid #ddd;}
#body table tr input { display: block; width: 250px; border: 1px solid #aaa; width: 90%; color: #888; padding: 4px 10px;}
#body table tr.title { background: #eee; color: #224;}
#body table tr.title td { border-bottom: 1px solid #ddd; font-weight: 800;}
#body table tr.title span { color: #999; font-size: 13px; padding-left: 4px; font-weight: 400;}
#body table tr td { border-bottom: 1px solid #eee; line-height: 2.5em; height: 2.5em; padding-left: 3%;}
#body table tr td.name { width: 30%;}
#body table tr td.name,#body table tr td.path { border-right: 1px solid #ddd;}
#body table tr td.action { line-height: 1.3em; width: 30%;}
#body table tr td.action a { margin-right: 5px;}
#body a.add { display: block; text-align: center; text-decoration: none; background: #f6f6f6; line-height: 2em; height: 2em; border: 1px solid #ccc; border-top: none; color: #555;}
#body a.add:hover { background: #eee;}
#body a.button { text-decoration: none; cursor: pointer; margin-top: 5px; margin-bottom: 5px; padding: 5px; font-size: 13px; letter-spacing: 1px; display: inline-block; text-align: center; width: 60px; background: #2b579a; color: #fff;}
#body a.button:hover { background: #204072;}
#body a.button:active { background: #0a1322;}
